<?php
error_reporting(1);
include_once('./pc/cfg.php');
include_once('./pc/inc/cache.class.php');
include_once('./pc/inc/Utility.class.php');
header("Content-type:text/html;charset=utf-8");
include_once("./pc/common.php");
include_once('./pc/bsy/getVideoUrl.php');
$whbdbQuery = connect_db("whbdb");

//推荐视频
$videoData = getMyData($whbdbQuery);
//推荐视频封面
$videoImg = getMyData($whbdbQuery,[],3,"id,sph_img");
foreach($videoImg as $k=>$v){
    $videoImg[$k]['sph_img'] = getUrl($v['sph_img']);
}
//轮播图
$sql ="select title,img,url from dazhe.bsy_hot_img where type='办事易首页'";
$imgData = $whbdbQuery->select($sql);
//顶部图
$sql ="select title,img,url from dazhe.bsy_hot_img where type='办事易顶部图'";
$topImgData = $whbdbQuery->select($sql);
//获取各个模块焦点
$shebaoTitle = getTitleData($whbdbQuery,['block'=>"社会保险"]);
$gongjiTitle = getTitleData($whbdbQuery,['block'=>"公积金"]);
$tudiTitle = getTitleData($whbdbQuery,['block'=>"土地房产"]);
$hujiTitle = getTitleData($whbdbQuery,['block'=>"户籍身份"]);
$jiaoyuTitle = getTitleData($whbdbQuery,['block'=>"教育培训"]);
$butieTitle = getTitleData($whbdbQuery,['block'=>"深圳补贴"]);
$jiaotongTitle = getTitleData($whbdbQuery,['block'=>"车辆交通"]);
$lifeTitle = getTitleData($whbdbQuery,['block'=>"生活办事"]);
$outTitle = getTitleData($whbdbQuery,['block'=>"深圳出入境"]);
$yiliaoTitle = getTitleData($whbdbQuery,['block'=>"医疗健康"]);
$jiehunTitle = getTitleData($whbdbQuery,['block'=>"结婚生育"]);
$laodongTitle = getTitleData($whbdbQuery,['block'=>"劳动就业"]);
$ZhiYeZiGeTitle = getTitleData($whbdbQuery,['block'=>"职业资格"]);

$bsyQuery = connect_db("bsy");
//最新办事信息
$newsData = getMsData($bsyQuery,['BSYclassSmall'=>120],14);
//热点·资讯
$hotData = getMsData($bsyQuery,[],14);
//政府机构办事入口：8620
$zhengfuData = getMsData($bsyQuery,['BSYclassSmall'=>8620],5);
//社保：14
$shebaoData = getMsData($bsyQuery,['BSYclassSmall'=>14],11);
//公积金：119
$gongjiData = getMsData($bsyQuery,['BSYclassSmall'=>119],11);
//土地房产：8258
$tudiData = getMsData($bsyQuery,['BSYclassSmall'=>8258],11);
//户籍身份：3
$hujiData = getMsData($bsyQuery,['BSYclassSmall'=>3],11);
//教育培训：18
$jiaoyuData = getMsData($bsyQuery,['BSYclassSmall'=>18],11);
//深圳补贴：19
$butieData = getMsData($bsyQuery,['BSYclassSmall'=>19],11);
//车辆交通：15
$jiaotongData = getMsData($bsyQuery,['BSYclassSmall'=>15],11);
//生活办事：120
$lifeData = getMsData($bsyQuery,['BSYclassSmall'=>120],11);
//深圳出入境：7
$outData = getMsData($bsyQuery,['BSYclassSmall'=>7],11);
//医疗健康：13
$yiliaoData = getMsData($bsyQuery,['BSYclassSmall'=>13],11);
// 结婚生育：12
$jiehunData = getMsData($bsyQuery,['BSYclassSmall'=>12],11);
//劳动就业：19
$laodongData = getMsData($bsyQuery,['BSYclassSmall'=>19],11);
//职业资格
$ZhiYeZiGeData = getMsData($bsyQuery,['BSYclassSmall'=>8357],11);


//从BSYInfo表（mssql）中获取数据,where和select语句需要写全
//注：select最后的字段将用作生成详情链接
function getMsData($db,$where=[],$limit=4,$select = "BSYtitle,BSYid",$order="BSYid desc"){
    //获取内容详情链接地址
    $dataUrl = "http://bsy.sz.bendibao.com/bsyDetail/";
    $sql = "select top ".$limit." ".$select." from BSYInfo ";
    if(is_array($where) && !empty($where))   {
        $sql .= "where ";
        foreach($where as $k=>$v)
             $sql .= $k."=".$v;
    }
    $data = $db->query($sql." order by ".$order);
    //处理数据
    if(is_array($data) && !empty($data))   {
        foreach($data as $k=>$v)
            foreach($v as $key=>$value){
                $data[$k][$key] = utf8($value);
                $data[$k]['url'] = $dataUrl.utf8($value).'.html';
            }
    }
    return $data;
}
//sph_report_article表(mysql)中获取视频数据,where和select语句需要写全
function getMyData($db,$where=[],$limit=5,$select = "id,title",$order="opt_time desc"){
    $sql = "select ".$select." from sph_report_article  where sph_img like '%http%' and sph_id = 1  ";
    if(is_array($where) && !empty($where))   {
        $sql .= " and ";
        foreach($where as $k=>$v)
            $sql .= $k."='".$v."'";
    }
    $data = $db->select($sql." order by ".$order.' limit '.$limit);
    return $data;
}
//从form_bsyjiaodian表(mysql)中获取模块焦点数据,where和select语句需要写全
function getTitleData($db,$where=[],$select = "title,url",$order="orderid desc"){
    $sql = "select ".$select." from dazhe.form_bsyjiaodian ";
    if(is_array($where) && !empty($where))   {
        $sql .= " where ";
        foreach($where as $k=>$v)
            $sql .= $k."='".$v."'";
    }
    $data = $db->select($sql." order by ".$order.' limit 1');
    $titles = explode("，",$data[0]['title']);
    $urls = explode("，",$data[0]['url']);
    $data = array();
    foreach($titles as $k=>$v){
        $data[$k]['title'] = $v;
        $data[$k]['url'] = $urls[$k];
    }
    return $data;
}

?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>深圳办事易_深圳本地宝</title>
    <meta name="description" content="本站为你提供深圳入户、公租房、补贴等各事项的办理指南等详细信息，进入本站查看你想知道的所有内容！">
    <link rel="stylesheet" href="pc/bsy/css/element-ui/index.css">
    <link rel="stylesheet" href="pc/bsy/style.css?v2">
    <link rel="stylesheet" href="pc/bsy/css/main.css?v1">

    <script src="pc/bsy/js/jquery/jquery-3.5.1.min.js"></script>
    <script src="pc/bsy/js/vue/vue-2.6.14.min.js"></script>
    <script src="pc/bsy/js/element-ui/index.js"></script>
</head>

<body>
    <div id="app">
        <!-- 头部 -->
        <div class="header">
            <div class="header-content">
                <div class="header-content-left">
                    <div class="date">{{date}}</div>
                    <div class="week">{{week}}</div>
                    <div class="current-city">【当前城市<a href="http://www.bendibao.com/city.htm"><span>深圳市</span></a>】</div>

                </div>
                <div class="header-content-right">
                    <a href="http://bsy.sz.bendibao.com/index.htm" target="_blank">【切换旧版本】</a>
                </div>
            </div>
        </div>
        <!-- 头部导航栏 -->
        <div class="header-nav">
            <div class="header-nav-content">
                <div class="header-nav-logo">
                    <img src="pc/bsy/resource/images/header-logo.png" alt="">
                </div>

                <ul class="header-nav-list">
                    <li><a href="http://sz.bendibao.com/">首页</a></li>
                    <li><a href="http://sz.bendibao.com/news/">资讯</a></li>
                    <li><a href="http://sz.bendibao.com/life/">指南</a></li>
                    <li><a href="http://edu.sz.bendibao.com/">教育</a></li>
                    <li><a href="http://jt.sz.bendibao.com/">交通</a></li>
                    <li><a href="http://jt.sz.bendibao.com/z/metro/">地铁</a></li>
                    <li><a href="http://ly.sz.bendibao.com/">旅游</a></li>
                    <li><a href="http://ly.sz.bendibao.com/gonglue/">攻略</a></li>
                    <li><a href="http://jt.sz.bendibao.com/bus/">公交</a></li>
                    <li><a href="http://sz.bendibao.com/tianqi/">天气</a></li>
                    <li><a href="http://gouwu.sz.bendibao.com/hk/">香港</a></li>
                </ul>
                <!-- 搜索表单 -->
                <transition name="form">
                    <form class="header-search-form" v-show="isShowSearch" action="/pc/sereach.php " method="post">
                        <el-select v-model="headerSearchSelect" class="header-select" popper-class="header-select-opt" placeholder="请选择">
                            <el-option label="网页" value="1"></el-option>
                            <el-option label="视频" value="2"></el-option>
                        </el-select>
                        <input type="text" id="search-form" placeholder="请输入关键字搜索"  name="qqq">
                        <button><i class="el-icon-search"></i></button>
                    </form>
                </transition>
                <div class="header-serve-list">
                    <div class="easy"><a href="">办事易</a></div>
                    <div class="city-serve"><a href="http://sz.bendibao.com/cyfw/">城市服务</a></div>
                    <div class="robot"><a href="http://robot.bendibao.com/?citycode=sz&gzh=bdbshenzhen">机器人助手</a></div>    



                    <div class="serve-icons">
                        <div class="serve-search" @click="showSearchForm">
                            <img id="search-img" src="pc/bsy/resource/icons/search-icon.png" alt="">
                        </div>
                        <a href="http://www.bendibao.com/app/pc.html"><img
                src="http://bsy.sz.bendibao.com/pc/bsy/resource/icons/iphone-top.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <!-- mian导航栏 -->
            <div class="main-nav">
                <div class="main-nav-content">
                    <div class="main-nav-logo">
                        <img src="pc/bsy/resource/images/easy-logo.png" alt="">
                        <img src="pc/bsy/resource/icons/nav-icon.png" alt="">
                    </div>
                    <div class="menu">
                        <el-cascader-panel :options="options" :props="{ expandTrigger: 'hover' }">
                            <template slot-scope="{data}">
                                <ul v-if="!data.children">
                                    <li style="white-space: pre-wrap;" v-for="item1 in data.label" :key="item1">
                                        <a v-for="item2 in item1" :href="item2.link" :key="item2" :target="item2.isTarget ? '_blank' : ''">{{item2.title}}</a>
                                    </li>
                                </ul>
                                <ul v-else>
                                    <a v-for="item in data.label" :key="item" :href="item.link" :target="item.isTarget ? '_blank' : ''">{{item.title}}</a>
                                </ul>
                            </template>
                        </el-cascader-panel>
                    </div>
                    <ul class="main-nav-list">
                        <li><a href="http://bsy.sz.bendibao.com/identity.php">户籍身份</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/socialSecurity.php">社会保险</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/accumulationFund.php">公积金</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/landProperty.php">土地房产</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/education.php">教育培训</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/healthy.php">医疗健康</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/traffic.php">车辆交通</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/marriage.php">结婚生育</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/visa.php">出入境</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/life.php">生活办事</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/company.php">企业办事</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/company.php">劳动就业</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/company.php">职业资格</a></li>
                        <li><a href="http://bsy.sz.bendibao.com/company.php">最新政策</a></li>
                    </ul>
                </div>
            </div>
            <!-- 专题图片 -->
            <div class="main-special">
                <?php foreach($topImgData as $topImg) { ?>
                <div class="main-special-content">
                    <a href="<?= $topImg['url']?>">
                    <img src="<?= $topImg['img']?>" alt="">
                    </a>
                </div>
                <?php } ?>
            </div>
            <!-- 专题模块&文章 -->
            <div class="main-module">
                <!-- 左侧列 -->
                <!-- <div class="module-left"> -->
                    <!-- 轮播图 -->
                    <div class="main-carousel">
                        <el-carousel :interval="3000" height="21rem" arrow="always">
                            <!-- <el-carousel :interval="3000" arrow="always"> -->
                            <?php foreach ($imgData as $k=>$v){ ?>
                                <el-carousel-item>
                                    <a href = "<?= $v['url']?>" > <img src="<?= $v['img']?>" alt=""></a>

                                    <div class="main-carousel-title"><?=$v['title']?></div>
                                    <div class="bgc"></div>
                                </el-carousel-item>
                            <?php } ?>
                            
                        </el-carousel>

                        <!-- 政府机构办事入口 -->
                        <div class="gov-work" id="module3">
                            <div class="top-line"></div>
                            <el-tabs v-model="activeName">
                                <el-tab-pane label="政府机构办事入口" name="first">
                                    <div class="article-title-strong"><a href="<?= $zhengfuData[0]['url'] ?>"><?=$zhengfuData[0]['BSYtitle'] ?></a></div>
                                    <?php foreach ($zhengfuData as $k=>$v) { if($k){?>
                                        <div class="article-title"><a href="<?= $v['url'] ?>"><?=$v['BSYtitle'] ?></a></div>
                                    <?php } } ?>
                                </el-tab-pane>
                            </el-tabs>
                        </div>
                    </div>
                    
                    <!-- 热点资讯 -->
                    <div class="hot-info module" id="module1">
                        <div id="module2">
                        <div class="top-line"></div>    
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="最新办事信息" name="first">
                                <div class="article-title-large"><a href="<?= $hotData[0]['url'] ?>"><?=$hotData[0]['BSYtitle']?></a></div>
                                <?php foreach ($hotData as $k=>$v) {
                                    if((0<$k&&$k<3)||(3<$k&&$k<8)||(8<$k)) {?>
                                        <div class="article-title"><a href="<?= $v['url'] ?>"><?=$v['BSYtitle'] ?></a></div>
                                    <?php } elseif($k>0){?>
                                        <div class="article-title-strong"><a href="<?= $v['url'] ?>"><?=$v['BSYtitle'] ?></a></div>
                                    <?php } }?>
                            </el-tab-pane>
                        </el-tabs>
                        </div>
                        
                    </div>
                    <!-- 热门关注 -->
                    <div class="hot-info module" id="module2">
                        <div class="top-line"></div>    
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="热门关注" name="first">
                                <div class="article-title-large"><a href="<?= $newsData[0]['url'] ?>"><?=$newsData[0]['BSYtitle']?></a></div>
                                <?php foreach ($newsData as $k=>$v) {
                                    if((0<$k&&$k<3)||(3<$k&&$k<8)||(8<$k)) {?>
                                        <div class="article-title"><a href="<?= $v['url'] ?>"><?=$v['BSYtitle'] ?></a></div>
                                    <?php } elseif($k>0){?>
                                        <div class="article-title-strong"><a href="<?= $v['url'] ?>"><?=$v['BSYtitle'] ?></a></div>
                                    <?php } }?>
                            </el-tab-pane>
                        </el-tabs>
                        </div>
                    <!-- 社保&公积金 -->
                    <div class="social module" id="module4">
                        <div class="top-line"></div>
                        <div id="module5">
                            <el-tabs v-model="activeNameS">
                                <el-tab-pane label="社会保险" name="social">
                                    <div class="more" style=" top: -35px; right: 0;">
                                        <a href="http://bsy.sz.bendibao.com/socialSecurity.php">
                                            <span>更多</span>
                                            <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                                        </a>
                                    </div>
                                    <div class="social-article-nav">
                                        <?php foreach($shebaoTitle as $value){  ?>
                                            <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                        <?php }?>
                                    </div>
                                    <div class="social-top">
                                        <div class="social-img">
                                            <img href="<?= $shebaoData[0]['url'] ?>" src="pc/bsy/resource/images/social-img.png" alt="">
                                        </div>
                                        <div class="article-title-strong"><a href="<?= $shebaoData[0]['url'] ?>"><?= $shebaoData[0]['BSYtitle'] ?></a></div>
                                    </div>
                                    <?php for($i=1;$i<6;$i++) { ?>
                                        <div class="article-title"><a href="<?= $shebaoData[$i]['url'] ?>"><?=$shebaoData[$i]['BSYtitle'] ?></a></div>
                                    <?php } ?>
                                    
                                    <?php for($i=6;$i<11;$i++) { ?>
                                        <div class="article-title"><a href="<?= $shebaoData[$i]['url'] ?>"><?=$shebaoData[$i]['BSYtitle'] ?></a></div>
                                    <?php } ?>
                                </el-tab-pane>
                                <el-tab-pane label="公积金" name="fund">
                                    <div class="more" style="position: absolute; top: -35px; right: 0;">
                                        <a href="http://bsy.sz.bendibao.com/accumulationFund.php">
                                            <span>更多</span>
                                            <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                                        </a>
                                    </div>
                                    <div class="fund-article-nav">
                                        <?php foreach($gongjiTitle as $value){ ?>
                                            <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                        <?php }?>
                                    </div>
                                    <div class="fund-top">
                                        <div class="fund-img">
                                            <img src="pc/bsy/resource/images/social-img.png" alt="">
                                        </div>
                                        <div class="article-title-strong"><a href="<?= $gongjiData[0]['url'] ?>"><?= $gongjiData[0]['BSYtitle'] ?></a></div>
                                    </div>
                                    <?php for($i=1;$i<6;$i++) { ?>
                                        <div class="article-title"><a href="<?= $gongjiData[$i]['url'] ?>"><?=$gongjiData[$i]['BSYtitle'] ?></a></div>
                                    <?php } ?>
                                    
                                    <?php for($i=6;$i<10;$i++) { ?>
                                        <div class="article-title"><a href="<?= $gongjiData[$i]['url'] ?>"><?=$gongjiData[$i]['BSYtitle'] ?></a></div>
                                    <?php } ?>
                                </el-tab-pane>
                            </el-tabs>
                        </div>
                    </div>
                    
                    <!-- 户籍身份 -->
                    <div class="same-mod module" id="module6">
                        <div class="more" style="position: absolute; top: 15px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/identity.php">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </a>
                        </div>
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="户籍身份" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($hujiTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/register.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $hujiData[0]['url'] ?>"><?= $hujiData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<5;$i++) { ?>
                                    <div class="article-title"><a href="<?= $hujiData[$i]['url'] ?>"><?=$hujiData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=5;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $hujiData[$i]['url'] ?>"><?=$hujiData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>

                    <!-- 土地房产 -->
                    <div class="same-mod module" id="module7">
                        <div class="top-line"></div>
                        <div class="more" style="position: absolute; top: 15px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/landProperty.php">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </a>
                        </div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="土地房产" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($tudiTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/land-img.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $tudiData[0]['url'] ?>"><?= $gongjiData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<5;$i++) { ?>
                                    <div class="article-title"><a href="<?= $tudiData[$i]['url'] ?>"><?=$tudiData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=5;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $tudiData[$i]['url'] ?>"><?=$tudiData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>           
            </div>
            
            <!-- main 中部贴图 -->
            <div class="main-img">
                <div class="main-left-img">
                    <img src="pc/bsy/resource/images/keywords.png" alt="">
                </div>
                <div class="main-right-img">
                    <el-carousel :interval="3000" height="7.8125rem" arrow="never">
                        <el-carousel-item>
                            <div class="main-right-img-content">
                                <a href="http://bsy.sz.bendibao.com/shebaobanlibs/">
                                <img src="pc/bsy/resource/images/ad-img_1.png" alt="">
                                </a>
                            </div>
                        </el-carousel-item>
                        <el-carousel-item>
                            <div class="main-right-img-content">
                                <a href="http://bsy.sz.bendibao.com/anjufangbs/">
                                <img src="pc/bsy/resource/images/ad-img_2.png" alt="">
                                </a>
                            </div>
                        </el-carousel-item>
                        <el-carousel-item>
                            <div class="main-right-img-content">
                                <a href="http://m.bendibao.com/news/gelizhengce/all.php ">
                                <img src="pc/bsy/resource/images/ad-img_3.png" alt="">
                                </a>
                            </div>
                        </el-carousel-item>
                        <el-carousel-item>
                            <div class="main-right-img-content">
                                <a href="http://bsy.sz.bendibao.com/juzhubs/">
                                <img src="pc/bsy/resource/images/ad-img_4.png" alt="">
                                </a>
                            </div>
                        </el-carousel-item>
                        <el-carousel-item>
                            <div class="main-right-img-content">
                                <a href="http://bsy.sz.bendibao.com/szmfzcbs/">
                                <img src="pc/bsy/resource/images/ad-img_5.png" alt="">
                                </a>
                            </div>
                        </el-carousel-item>
                        <el-carousel-item>
                            <div class="main-right-img-content">
                                <a href="http://bsy.sz.bendibao.com/zfgjj/">
                                <img src="pc/bsy/resource/images/ad-img_6.png" alt="">
                                </a>
                            </div>
                        </el-carousel-item>
                    </el-carousel>
                </div>
            </div>

            <!-- 专题模块&文章 -->
            <div class="main-module">
                <!-- 左侧列 -->
                <!-- <div class="module-left"> -->
                    <!-- 教育培训 -->
                    <div class="same-mod module" id="module8">
                        <div class="more" style="position: absolute; top: 15px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/education.php">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </a>
                        </div>
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="教育培训" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($jiaoyuTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/education.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $jiaoyuData[0]['url'] ?>"><?= $jiaoyuData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<5;$i++) { ?>
                                    <div class="article-title"><a href="<?= $jiaoyuData[$i]['url'] ?>"><?=$jiaoyuData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=5;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $jiaoyuData[$i]['url'] ?>"><?=$jiaoyuData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                    <!-- 深圳补贴 -->
                    <div class="same-mod module" id="module9">
                        <div class="more" style="position: absolute; top: -5px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/butiebs/">
                                <div class="more">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                                </div>
                            </a>        
                        </div>
                        <div class="top-line"></div>            
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="深圳补贴" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($butieTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/sz-subsidy.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $butieData[0]['url'] ?>"><?= $butieData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<6;$i++) { ?>
                                    <div class="article-title"><a href="<?= $butieData[$i]['url'] ?>"><?=$butieData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=6;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $butieData[$i]['url'] ?>"><?=$butieData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                    <!-- 生活办事 -->
                    <div class="same-mod module" id="module10">
                        <div class="more" style="position: absolute; top: 15px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/life.php">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </a>
                        </div>
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="生活办事" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($lifeTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/life-img.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $lifeData[0]['url'] ?>"><?= $lifeData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<5;$i++) { ?>
                                    <div class="article-title"><a href="<?= $lifeData[$i]['url'] ?>"><?=$lifeData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=5;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $lifeData[$i]['url'] ?>"><?=$lifeData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                    <!-- 车辆交通 -->
                    <div class="same-mod module" id="module11">
                        <div class="more" style="position: absolute; top: 15px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/traffic.php">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </a>
                        </div>
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="车辆交通" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($jiaotongTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/traffic.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $jiaotongData[0]['url'] ?>"><?= $jiaotongData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<6;$i++) { ?>
                                    <div class="article-title"><a href="<?= $jiaotongData[$i]['url'] ?>"><?=$jiaotongData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=6;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $jiaotongData[$i]['url'] ?>"><?=$jiaotongData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                    <!-- 医疗健康 -->
                    <div class="same-mod module" id="module12">
                        <div class="more" style="position: absolute; top: 15px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/healthy.php">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </a>
                        </div>
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="医疗健康" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($yiliaoTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/sz-subsidy.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $yiliaoData[0]['url'] ?>"><?= $yiliaoData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<6;$i++) { ?>
                                    <div class="article-title"><a href="<?= $yiliaoData[$i]['url'] ?>"><?=$yiliaoData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=6;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $yiliaoData[$i]['url'] ?>"><?=$yiliaoData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                    <!-- 深圳出入境 -->
                    <div class="same-mod module" id="module13">
                        <div class="more" style="position: absolute; top: 15px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/visa.php">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </a>
                        </div>
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="深圳出入境" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($outTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/education.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $outData[0]['url'] ?>"><?= $outData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<5;$i++) { ?>
                                    <div class="article-title"><a href="<?= $outData[$i]['url'] ?>"><?=$outData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=5;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $outData[$i]['url'] ?>"><?=$outData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                    <!-- 劳动就业 -->
                    <div class="same-mod module" v-show="isShow">
                        <a href="http://bsy.sz.bendibao.com/szcybtbs/">
                            <div class="more">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </div>
                        </a>
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="劳动就业" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($laodongTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/life-img.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $laodongData[0]['url'] ?>"><?= $laodongData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<5;$i++) { ?>
                                    <div class="article-title"><a href="<?= $laodongData[$i]['url'] ?>"><?=$laodongData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=5;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $laodongData[$i]['url'] ?>"><?=$laodongData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                    <!-- 结婚生育 -->
                    <div class="same-mod module" v-show="isShow">
                        <div class="more" style="position: absolute; top: 15px; right: 0;">
                            <a href="http://bsy.sz.bendibao.com/marriage.php">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </a>
                        </div>
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="结婚生育" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($jiehunTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/sz-subsidy.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $jiehunData[0]['url'] ?>"><?= $jiehunData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<6;$i++) { ?>
                                    <div class="article-title"><a href="<?= $jiehunData[$i]['url'] ?>"><?=$jiehunData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=6;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $jiehunData[$i]['url'] ?>"><?=$jiehunData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                    <!-- 职业资格 -->
                    <div class="same-mod module" v-show="isShow">
                        <!-- <a href="http://bsy.sz.bendibao.com/szcybtbs/">
                            <div class="more">
                                <span>更多</span>
                                <img src="pc/bsy/resource/icons/more-icon.png" alt="">
                            </div>
                        </a> -->
                        <div class="top-line"></div>
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="职业资格" name="first">
                                <div class="same-article-nav">
                                    <?php foreach($ZhiYeZiGeTitle as $value){ ?>
                                        <div class="article-nav-item title<?=mb_strlen($value['title'])/3;?>"><a href="<?= $value['url']?>"><?=$value['title']?></a></div>
                                    <?php }?>
                                </div>
                                <div class="same-top">
                                    <div class="same-img">
                                        <img src="pc/bsy/resource/images/zhiyezige.png" alt="">
                                    </div>
                                    <div class="article-title-strong"><a href="<?= $ZhiYeZiGeData[0]['url'] ?>"><?= $ZhiYeZiGeData[0]['BSYtitle'] ?></a></div>
                                </div>
                                <?php for($i=1;$i<6;$i++) { ?>
                                    <div class="article-title"><a href="<?= $ZhiYeZiGeData[$i]['url'] ?>"><?=$ZhiYeZiGeData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                                
                                <?php for($i=6;$i<11;$i++) { ?>
                                    <div class="article-title"><a href="<?= $ZhiYeZiGeData[$i]['url'] ?>"><?=$ZhiYeZiGeData[$i]['BSYtitle'] ?></a></div>
                                <?php } ?>
                            </el-tab-pane>
                        </el-tabs>
                    </div>
                <!-- </div> -->

                <!-- 右侧列 -->
                <!-- <div class="module-right">
                </div> -->
            </div>

            <!-- 侧边快速导航 -->
            <transition name='side-bar'>
                <ul class="side-bar" v-show="isSideBar">
                    <div class="side-bar-top">
                        <li class="side-bar-item" id="side-bar-item1">办事信息</li>
                        <li class="side-bar-item" id="side-bar-item2">热门关注</li>
                        <li class="side-bar-item" id="side-bar-item3">机构办事</li>
                        <li class="side-bar-item" id="side-bar-item4">社会保险</li>
                        <li class="side-bar-item" id="side-bar-item5">公积金</li>
                        <li class="side-bar-item" id="side-bar-item6">户籍身份</li>
                        <li class="side-bar-item" id="side-bar-item7">土地房产</li>
                        <li class="side-bar-item" id="side-bar-item8">教育培训</li>
                        <li class="side-bar-item" id="side-bar-item9">深圳补贴</li>
                        <li class="side-bar-item" id="side-bar-item10">生活办事</li>
                        <li class="side-bar-item" id="side-bar-item11">车辆交通</li>
                        <li class="side-bar-item" id="side-bar-item12">医疗健康</li>
                        <li class="side-bar-item" id="side-bar-item13">出入境</li>
                    </div>
                    <div class="side-bar-mid">
                        <li class="mid-item">
                            <el-tooltip effect="light" placement="left">
                                <div class="tooltip-slot-d" slot="content">
                                    <img src="pc/bsy/resource/images/download.png" alt="">
                                    <p>手机下载</p>
                                </div>
                                <a href="">
                                    <img src="pc/bsy/resource/icons/iphone.png" alt="">
                                    <p>下载</p>
                                </a>
                            </el-tooltip>
                        </li>
                        <li class="mid-item">
                            <a href="">
                                <img src="pc/bsy/resource/icons/activity.png" alt="">
                                <p>活动</p>
                            </a>
                        </li>
                        <li class="mid-item">
                            <el-tooltip effect="light" placement="left">
                                <div class="tooltip-slot-g" slot="content">
                                    <img src="pc/bsy/resource/images/gzh-img.png" alt="">
                                    <p>扫一扫</p>
                                    <p>关注公众号</p>
                                </div>
                                <a href="">
                                    <p>公众号</p>
                                </a>
                            </el-tooltip>
                        </li>
                    </div>
                    <div class="side-bar-btm" @click="backToTop">
                        <img src="pc/bsy/resource/icons/to-top.png" alt="">
                    </div>
                </ul>
            </transition>

            <!-- 显隐按钮 -->
            <div class="is-show-more">
            <div class="is-show-content" @click="showMore">
            <img src="pc/bsy/resource/images/add-more.png" alt="" srcset="" v-if="!isShow">
            <img src="pc/bsy/resource/images/slide-up.png" alt="" srcset="" v-else>
          <span>{{isShowMsg}}</span>
        </div>
            </div>
            
            <!-- 底部导航 -->
            <div class="footer-nav">
              <div class="f-nav-left">
                <div style="font-size: 1.25rem;">办事指引</div>
                <div>
                  <el-dropdown placement="bottom">
                    <div class="guide-list-title">社会保障</div>
                    <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                      <el-dropdown-item><a href="http://sz.bendibao.com/szsi/" target="_blank">社保</a></el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/shengyubxbs/" target="_blank">生育保险</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/yanglaobxbs/" target="_blank">养老保险</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/yiliaobxbs/" target="_blank">医疗保险</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/gongshangbxbs/" target="_blank">工伤保险</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/shiyebxbs/" target="_blank">失业保险</a>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
                <div>
                  <el-dropdown placement="bottom">
                    <div class="guide-list-title">户口登记</div>
                    <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/babyruhu/" target="_blank">新生儿入户</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/jifenruhu/" target="_blank">积分入户</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/biyeshengbs/" target="_blank">毕业生接收</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/diaoganbs/" target="_blank">调干</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/shenfenbs/" target="_blank">身份证办理</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/juzhubs/" target="_blank">居住证办理</a>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
                <div>
                  <el-dropdown placement="bottom">
                    <div class="guide-list-title">医疗健康</div>
                    <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/yimiaojzbs/" target="_blank">疫苗接种</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c43" target="_blank">健康检查</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c45" target="_blank">看病指南</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/609367.html" target="_blank">健康证</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/624350.html" target="_blank">体检</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/629825.html" target="_blank">医疗救助</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/Healthy.aspx" target="_blank">最新消息</a>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
                <div>
                  <el-dropdown placement="bottom">
                    <div class="guide-list-title">出入境</div>
                    <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/hkbs/" target="_blank">港澳通行证</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/twbs/" target="_blank">台湾通行证</a>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
                <div>
                  <el-dropdown placement="bottom">
                    <div class="guide-list-title">公积金</div>
                    <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                      <el-dropdown-item><a href="http://gjj.sz.gov.cn/" target="_blank">公积金官网</a></el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/621893.html" target="_blank">查询</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/608356.html" target="_blank">缴存</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/zfgjj/" target="_blank">提取</a></el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyDetail/626198.html" target="_blank">封存</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/zfgjj/" target="_blank">贷款</a></el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
                <div>
                  <el-dropdown placement="bottom">
                    <div class="guide-list-title">生活办事</div>
                    <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c21" target="_blank">日常生活热点</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/life.aspx" target="_blank">其他办事</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c20" target="_blank">个税</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="#" target="_blank">政府最新政策</a></el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
                <div>
                  <el-dropdown placement="bottom">
                    <div class="guide-list-title">土地房产</div>
                    <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/anjufangbs/" target="_blank">安居房</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/gongzufangbs/" target="_blank">公租房</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="#">廉租房</a></el-dropdown-item>
                      <el-dropdown-item><a href="#">经济适用房</a></el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/szmfzcbs/" target="_blank">买房</a>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
                <div>
                  <el-dropdown placement="bottom">
                    <div class="guide-list-title">教育培训</div>
                    <el-dropdown-menu class="guide-dropdown-menu" slot="dropdown">
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c83" target="_blank">职业资格</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/youeryuanbs/" target="_blank">幼儿园</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/xiaoxuejy/" target="_blank">小学</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/bsyList/c81" target="_blank">初中</a>
                      </el-dropdown-item>
                      <el-dropdown-item><a href="http://bsy.sz.bendibao.com/crgkbs/" target="_blank">成人高考</a>
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </div>
              </div>
              <a class="download-app" href="http://www.bendibao.com/app/pc.html">
                下载本地宝APP
              </a>
            </div>

            <!-- footer -->
            <div class="index-footer">
                <div class="footer-content">
                    <div class="footer-item">
                        <a href="http://www.bendibao.com/culture.htm" target="_blank">企业文化</a> |
                        <a href="http://www.bendibao.com/adservices.htm" target="_blank">合作加盟</a> |
                        <a href="http://www.bendibao.com/about.htm" target="_blank">关于我们</a> |
                        <a href="http://www.bendibao.com/contact.htm" target="_blank">联系我们</a> |
                        <a href="http://www.bendibao.com/job.htm" target="_blank">诚聘英才</a> |
                        <a href="http://www.bendibao.com/law.htm" target="_blank">法律顾问</a> |
                        <a href="http://sz.bendibao.com/suggest/suggest.htm" target="_blank">意见建议</a><br>
                        <a href="http://www.bendibao.com" target="_blank">本地宝</a> BENDIBAO.COM 汇深网 版权所有 2006-2021
                        <a href="">ICP证：粤ICP备17055554号-1</a>
                    </div>
                    <div class="footer-logo">
                        <a href="#" target="_blank"><img src="http://bsy.sz.bendibao.com/images/sznet110wangan.gif" width="40" height="50" border="0"></a>&nbsp;
                        <a href="#" target="_blank"><img src="http://bsy.sz.bendibao.com/images/sznet110gangting.gif" width="40" height="50" border="0"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>   

    <script src="pc/bsy/js/grade.js"></script>
    <script src="pc/bsy/js/main.js">
    </script>
    <script type="text/javascript">
        var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F21e995e7a54a3636baff665faf114156' type='text/javascript'%3E%3C/script%3E"));
    </script>
</body>

</html>